<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>附近</title>
    <link href="../../../public/static/commen/css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/commen/css/base.css" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/nearby/nearby.css" />
</head>

<body>
    <!--头  -->
    <div class="search_index clearfix">
        <img src="../../../public/static/v1/img/index/code-hei@2x.png" class="l two_code" />
        <input type="text" name="search" id="search_yl" value="" class="l" placeholder="亿乐购物吧给你想要的" />
        <a href="" class="l addr">缙云县<span class="mui-icon mui-icon-arrowdown"></span></a>
    </div>
    <!-- 头部 -->
    <!--店铺  -->
    <section class="article">
        <div class="nearby_shop">
            <div class="mui-table-view-cell mui-media">
                <a href="javascript:;">
                <img class="mui-media-object mui-pull-left shop_view" src="../../../public/static/v1/img/nearby/1.png">
                <div class="mui-media-body shop_info">
                    <h5 class='mui-ellipsis'>陈记农特产专卖店</h5>
                    <p class='mui-ellipsis'>
                        <span class="stars hover"></span>
                        <span class="stars"></span>
                        <span class="stars"></span>
                        <span class="stars"></span>
                        <span class="stars"></span>
                        <b><strong>3.5</strong>&nbsp;分</b>
                    </p>
                    <p class='mui-ellipsis'>当前已售438笔</p>
                    <p class='mui-ellipsis'>距离您的位置<span>2.1km</span></p>
                </div>
            </a>
            </div>
            <div class="mui-content">
                <div class="mui-row shop_p">
                    <div class="mui-col-xs-12">
                        <div class="mui-table-view-cell">
                            <a class="">
                            复古绿檀木手串男士沉香手链木质项链佛珠
                            <span class="mui-icon mui-icon-arrowright"></span>
                        </a>
                        </div>
                    </div>
                    <div class="mui-col-xs-12">
                        <div class="mui-table-view-cell">
                            <a class="">
                            夏装绿檀木手串男士沉香手链木质项链佛珠
                            <span class="mui-icon mui-icon-arrowright"></span>
                        </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="more_p">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell mui-collapse">
                        <a class="mui-navigate" href="#">还有5个在线商品
                            <span class="mui-icon mui-icon-arrowdown"></span>
                        </a>
                    </li>
                    <li class="none">
                        <div class="mui-collapse-content">
                            <div class="mui-row shop_p">
                                <div class="mui-col-xs-12">
                                    <div class="mui-table-view-cell">
                                        <a class="">
                                            复古绿檀木手串男士沉香手链木质项链佛珠
                                            <span class="mui-icon mui-icon-arrowright"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="mui-col-xs-12">
                                    <div class="mui-table-view-cell">
                                        <a class="">
                                            夏装绿檀木手串男士沉香手链木质项链佛珠
                                            <span class="mui-icon mui-icon-arrowright"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="nearby_shop">
            <div class="mui-table-view-cell mui-media">
                <a href="javascript:;">
                <img class="mui-media-object mui-pull-left shop_view" src="../../../public/static/v1/img/nearby/1.png">
                <div class="mui-media-body shop_info">
                    <h5 class='mui-ellipsis'>陈记农特产专卖店</h5>
                    <p class='mui-ellipsis'>
                        <span class="stars hover"></span>
                        <span class="stars"></span>
                        <span class="stars"></span>
                        <span class="stars"></span>
                        <span class="stars"></span>
                        <b><strong>3.5</strong>&nbsp;分</b>
                    </p>
                    <p class='mui-ellipsis'>当前已售438笔</p>
                    <p class='mui-ellipsis'>距离您的位置<span>2.1km</span></p>
                </div>
            </a>
            </div>
            <div class="mui-content">
                <div class="mui-row shop_p">
                    <div class="mui-col-xs-12">
                        <div class="mui-table-view-cell">
                            <a class="">
                            复古绿檀木手串男士沉香手链木质项链佛珠
                            <span class="mui-icon mui-icon-arrowright"></span>
                        </a>
                        </div>
                    </div>
                    <div class="mui-col-xs-12">
                        <div class="mui-table-view-cell">
                            <a class="">
                            夏装绿檀木手串男士沉香手链木质项链佛珠
                            <span class="mui-icon mui-icon-arrowright"></span>
                        </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="more_info">
                <a class="" href="#">查看更多</a>
            </div>
        </div>
    </section>
    <!--店铺  -->
    <!--底部-->
    <nav class="mui-bar mui-bar-tab" id="footer">
        <a class="mui-tab-item index">
        <img src="../../../public/static/commen/img/tabar_notselected1@2x.png"/>
        <span class="mui-tab-label">首页</span>
    </a>
        <a class="mui-tab-item category">
        <img src="../../../public/static/commen/img/tabar_notselected2@2x.png"/>
        <span class="mui-tab-label">类别</span>
    </a>
        <a class="mui-tab-item nearby">
        <img src="../../../public/static/commen/img/tabar_selected3@2x.png"/>
        <span class="mui-tab-label">附近</span>
    </a>
        <a class="mui-tab-item shopping_center">
        <img src="../../../public/static/commen/img/tabar_notselected4@2x.png"/>
        <span class="mui-tab-label ">购物车</span>
    </a>
        <a class="mui-tab-item personal_card">
        <img src="../../../public/static/commen/img/tabar_notselected5@2x.png"/>
        <span class="mui-tab-label">我的</span>
    </a>
    </nav>
</body>

</html>
<script src="../../../public/static/commen/js/vue.min.js"></script>
<script src="../../../public/static/commen/js/mui.min.js"></script>
<script src="../../../public/static/commen/js/jquery.min.js"></script>
<script src="../../../public/static/commen/js/footer/commen_footer.js"></script>
<script src="../../../public/static/v1/js/nearby/nearby.js"></script>